<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalible=no">
    <link rel="stylesheet" href="../css/fenlei.css">
    <title>分类页</title>
</head>
<body>
    <header>
        <div class="head_top">
            <a href="index.html">Back</a>
            <span>分类</span>
            <div class="sel">
                <select name="" id="">
                    <option value="广州市">&nbsp;&nbsp;广州市</option>
                    <option value="深圳市">&nbsp;&nbsp;深圳市</option>
                    <option value="上海市">&nbsp;&nbsp;上海市</option>
                </select>
            </div>
        </div>

        <div class="cfc">
            <div class="box">
                <a href="">
                    <img src="../image/fenlei/美食.png" alt="">
                    美食
                </a>
            </div>
            <div class="box">
                <a href="">
                    <img src="../image/fenlei/电影.png" alt="">
                    电影
                </a>
            </div>
            <div class="box">
                <a href="">
                    <img src="../image/fenlei/运动.png" alt="">
                    运动
                </a>
            </div>
            <div class="box">
                <a href="">
                    <img src="../image/fenlei/唱歌.png" alt="">
                    唱歌
                </a>
            </div>
        </div>
        <div class="box_bottom">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </header>

    <main>
        <div class="content1">
            <div class="content_box1">
                <div>
                    <img src="../image/fenlei/美食类.png" alt="">
                    <span>美食类</span>
                </div>
                <div>
                    <a href="xiangxiye.html">更多</a>
                    <img src="../image/index/gengduo.png" alt="">
                </div>
            </div>
            <div class="content_box2">
                <img src="../image/fenlei/美食类1.png" alt="">
                <img src="../image/fenlei/美食类2.png" alt="">
                <img src="../image/fenlei/美食类3.png" alt="">
                <img src="../image/fenlei/美食类4.png" alt="">
            </div>
        </div>

        <div class="content2">
            <div class="content_box1">
                <div>
                    <img src="../image/fenlei/运动类.png" alt="">
                    <span>运动类</span>
                </div>
                <div>
                    <span>更多</span>
                    <img src="../image/index/gengduo.png" alt="">
                </div>
            </div>
            <div class="content_box2">
                <img src="../image/fenlei/运动类1.png" alt="">
                <img src="../image/fenlei/运动类2.png" alt="">
                <img src="../image/fenlei/运动类3.png" alt="">
                <img src="../image/fenlei/运动类4.png" alt="">
            </div>
        </div>

        <div class="content3">
            <div class="content_box1">
                <div>
                    <img src="../image/fenlei/电影类.png" alt="">
                    <span>电影类</span>
                </div>
                <div>
                    <span>更多</span>
                    <img src="../image/index/gengduo.png" alt="">
                </div>
            </div>
            <div class="content_box2">
                <img src="../image/fenlei/电影类1.png" alt="">
                <img src="../image/fenlei/电影类2.png" alt="">
                <img src="../image/fenlei/电影类1.png" alt="">
                <img src="../image/fenlei/电影类2.png" alt="">
            </div>
        </div>
    </main>

    <nav>
        <div class="bt_box">
            <div>
                <a href="index.html">
                    <img src="../image/fenlei/首页.png" alt="">
                    首页
                </a>
            </div>
            <div>
                <a href="fenlei.html">
                    <img src="../image/fenlei/分类.png" alt="">
                    分类
                </a>
            </div>
            <div>
                <a href="faxian.html">
                    <img src="../image/index/dibu3.png" alt="">
                    发现
                </a>
            </div>
            <div>
                <a href="wode.html">
                    <img src="../image/index/dibu4.png" alt="">
                    我的
                </a>
            </div>
        </div>
    </nav>
</body>
</html>